<template>
  <div class="header">
    <div class="header-left" @click="toHome">
        <span class="iconfont">
          &#xe641;
        </span>
    </div>

    <div class="header-text">
      城市选择
    </div>


  </div>
</template>

<script>
  export default{
    methods:{
      toHome:function(){
       this.$router.push("/")
      }
    }
  }
</script>

<style scoped lang="stylus">
@import "~@/assets/css/var.styl";
  .header{
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    background:$bgColor;
    color: $textColor;
    font-size: .36rem;
    position:relative;
  }
  .header-left{
    width: .4rem;
    padding: 0 .2rem;
    text-align: center;
    font-weight: bold;
    position:absolute;
  }
  .header-text{
    text-align:center;
    color: #fff;
    font-size: .32rem;
  }


</style>
